.banner {overflow: hidden; position: relative;}
.banner .bannerfix > li {transition:opacity 1000ms linear; /*height: 100%;*/ line-height: 0; float: left; opacity: 0; -webkit-transition: opacity 1000ms linear;}
.banner .bannerfix > li .bimg {transition:transform 5s; width: 100%; line-height: 0; position: relative; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transition: transform 5s ease;}
.banner .bannerfix > li.imgIn {display: block; z-index: 10; opacity: 1;}
.banner .bannerfix > li.imgIn .bimg {transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0);}
.banner .bannerfix > li.imgIn .bbox small {transition:420ms; top: 0px; visibility: visible; opacity: 1;text-shadow:#333 1px 1px 1px}
.banner .bannerfix > li.imgIn .bbox h1 {transition:420ms 120ms; top: 5px; visibility: visible; opacity: 1;text-shadow:#333 1px 1px 1px}
.banner .bannerfix > li.imgIn .bbox b {transition:420ms 240ms; top: 0px; visibility: visible; opacity: 1;}
.banner .bannerfix > li.imgIn .bbox p {transition:420ms 460ms; top: 0px; visibility: visible; opacity: 1;text-shadow:#333 1px 1px 1px}
.banner .bannerfix > li.imgIn .bbox .details {transition:420ms 580ms; top: 0px; visibility: visible; opacity: 1;}
.banner .flex-control-nav {left: 0px; width: 100%; height: 20px; text-align: center; bottom: 59px; position: absolute; z-index: 20;}
.banner .flex-control-nav li {width: 5px; height: 20px; margin-right: 14px; display: inline-block; position: relative;}
.banner .flex-control-nav li:last-child {margin-right: 0px;}
.banner .flex-control-nav li span {background: rgb(255, 255, 255); transition:320ms; left: 0px; top: 6px; width: 5px; height: 7px; text-indent: 999px; overflow: hidden; display: block; position: absolute;}
.banner .flex-control-nav li a.flex-active span {top: 0px; height: 20px;}
.bbox {margin: -173px auto auto -346px; left: 50%; top: 50%; width: 692px; text-align: center; position: absolute;}
.bbox small {top: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 1; letter-spacing: 10px; font-size: 22px; margin-bottom: 5px; display: block; visibility: hidden; position: relative; opacity: 0;}
.bbox h1 {top: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 52px; visibility: hidden; position: relative; opacity: 0;}
.bbox b {top: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 1.8; font-size: 20px; margin-bottom: 100px; display: block; visibility: hidden; position: relative; opacity: 0;}
.bbox p {margin: auto; top: 30px; width: 440px; height: 132px; text-align: center; color: rgb(255, 255, 255); line-height: 2; font-size: 16px; visibility: hidden; position: relative; opacity: 0;}
.details {margin: auto; top: 30px; width: 180px; height: 51px; visibility: hidden; position: relative; opacity: 0;}
.details::before {background: rgb(255, 255, 255); transition:320ms ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: absolute; content: ""; opacity: 0; transform: scaleY(0); -moz-transform: scaleY(0);}
.details a {background: url("../images/rBQBHVnEeMuEZfR4AAAAADOP8FU719.png") no-repeat 106px; border: 2px solid rgb(255, 255, 255); border-image: none; text-align: left; color: rgb(255, 255, 255); line-height: 47px; padding-left: 39px; font-size: 14px; display: block; position: relative;}
.details:hover::before {visibility: visible; opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1);}
.details:hover a {background: url("../images/rBQBHFnEeNaEP76vAAAAALQGGDU901.png") no-repeat 112px; color:#ed6a00;}
.bamnline {background: rgb(255, 255, 255); left: 50%; top: 50%; width: 692px; margin-top: -30px; margin-left: -346px; position: absolute; z-index: 20;}
.bamnline span {background:#a3d5f6; width: 0px; height: 1px; display: block;}
.bamnline.load span {transition:5.8s linear; width: 100%; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear;}

.con_bg1{background: #fff; overflow: hidden;}
.con_bg2{background: url(../images/cp_bg.jpg) no-repeat center center fixed; overflow: hidden;}

/*关于我们*/
.part1{text-align: center; padding: 40px 0 20px 0;}
.part1 h2{position: relative; font-size: 50px; line-height: 100%; text-transform: uppercase; font-weight: 100; color: #555; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"}
.part1 h2:before{position: absolute; bottom: 1px; left: 0px; display: block; content: ""; width: 100%; height: 1px; background: #e7e7e7;}
.part1 h2:after{position: relative; z-index: 5; display: block; content: ""; margin: 15px auto 12px auto ; width: 38px; height: 3px; background: #ed6a01;}
.part1 h3{font-size: 40px; font-weight: bold;  margin: 25px auto 12px auto;  line-height: 100%; color: #333; }
.part1 span{display: block; padding: 10px 0 0 0; color: #555; font-size: 16px;margin-bottom:25px;}
.part2 h2{color: #ccc;}
.part2 h2:before{background: #ccc;}
.part2 h2:after{background: #ccc;}
.part2 h3{color: #ccc;}
.part2 span{color: #ccc;}

.list1{padding: 0 0 20px 0; text-align: center;}
.list1 li{display:inline-block; margin: 0 40px;}
.list1 li span{position: relative; display: block; overflow: hidden; width: 130px; height: 130px; border: 5px solid #666;border-radius: 0 25px 0 25px; text-align:center; line-height: 130px;}
.list1 li span i,
.list1 li span em{display: block; position:absolute; width: 130px; line-height: 130px; font-size: 70px; color: #ed6a01;}
.list1 li span i{left: -130px;}
.list1 li span em{left: 0px;}
.list1 li h2{padding: 10px 0 0 0; font-size: 16px;}
.list1 li a:hover{color: #ed6a01;}
.list1 li a:hover span{border-color: #ed6a01; background: #ed6a01; }
.list1 li a:hover span i{left: 0px; color: #fff;}
.list1 li a:hover span em{left: 130px; color: #fff;}
.list1 li span,
.list1 li span i,
.list1 li span em{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.about_con{padding: 30px 0 40px 0; text-align: center; line-height: 28px; font-size: 14px;}

.more{margin-bottom: 40px; text-align: center;}
.more a{display: inline-block; padding: 10px 30px; text-transform: uppercase; font-size: 14px; color: #ed6a01; border: 1px solid #ed6a01; border-radius: 50px; position: relative; behavior:url(pie.htc);}
.more a:hover{background: #ed6a01; color: #fff;}

.more2{margin-bottom: 40px; text-align: center;}
.more2 a{display: inline-block; padding: 10px 30px; text-transform: uppercase; font-size: 14px; color: #00479d; border: 1px solid #00479d; border-radius: 50px; position: relative; behavior:url(pie.htc);}
.more2 a:hover{background: #00479d; color: #fff;}

/*产品中心*/
.indexTypes {overflow: hidden; height: 360px; margin: 0 0 50px 0;}
.indexTypes ul li {width: 160px; height: 360px; overflow: hidden; float: left; position: relative;}
.indexTypes ul li:hover {cursor: pointer;}
.indexTypes ul li.currnet {width: 560px;}
.indexTypes ul li .title{position: absolute; left: 0px; top: 0px; width: 160px; height: 360px; z-index: 55; padding: 50px 0 0 20px; color: #fff; box-sizing:border-box;}
.indexTypes ul li .title h2{font-weight: 100; font-size: 20px; height: 62px;}
.indexTypes ul li .title h3{margin: 70px 15px 25px 0; font-size: 18px; line-height: 160%;}
.indexTypes ul li .title span{display: block; width: 34px; height: 34px; font-size: 24px; text-align: center; line-height: 34px; border: 1px solid #fff; border-radius: 50%;}
.indexTypes ul li .con {left: 0; top: 0px; width: 560px; height: 360px; overflow: hidden; position: absolute;}
.indexTypes ul li .con ul li {width: auto; height: auto; float: none;}
.indexTypes ul li .con img{width: 560px; height: 360px;}
.indexTypes ul li:first-child .title{background: url(../images/tm_bg1.png);}
.indexTypes ul li:first-child+li .title{background: url(../images/tm_bg2.png);}
.indexTypes ul li:first-child+li+li .title{background: url(../images/tm_bg3.png);}
.indexTypes ul li:first-child+li+li+li .title{background: url(../images/tm_bg4.png);}
.indexTypes ul li:first-child+li+li+li+li .title{background: url(../images/tm_bg5.png);}


/*新闻中心*/
.list2{overflow: hidden; padding: 0 0 50px 0;}
.list2 li{float: left; position: relative; width: 400px; background: #0152b3; height: 520px; text-align: center;}
.list2 li span{position: absolute; top: 0px; left: 0px; display: block; overflow: hidden;}
.list2 li span img{width: 400px; height: 260px; background: #fff;}
.list2 li h2{margin: 260px 0 0 0; padding: 45px 20px 13px 20px; font-size: 22px; line-height: 100%; font-weight: normal; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 li h3{font-size: 14px; font-weight: normal; color: #fff;}
.list2 li p{padding: 17px 20px 22px 20px; font-size: 14px; line-height: 28px; color: #fff;}
.list2 li h4{margin: 0 auto 30px auto; width: 120px; border-radius: 0px; height: 34px; background: #fff; text-align: center; line-height: 34px; font-size: 14px; font-weight: normal; color: #00479d;}
.list2 li:first-child+li span{top: 260px;}
.list2 li:first-child+li h2{margin: 0px;}
.list2 li:hover{background: #00479d; color: #fff;}
.list2 li:hover span img{transform: scale(1.1,1.1);}
.list2 li:hover h2,
.list2 li:hover h3,
.list2 li:hover p{color: #fff;}
.list2 li:hover h4{background: #fff; color: #00479d;}
.list2 li,
.list2 li span img,
.list2 li h2,
.list2 li h3,
.list2 li p,
.list2 li h4{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


/*联系我们*/
.lxwm_bg{background: url(../images/laixn.jpg) no-repeat center center fixed; overflow: hidden;}

.lxwm{text-align: center; padding: 20px 0 50px 0;}
.lxwm li{display: inline-block; margin: 0 70px;}
.lxwm li span{position: relative; display: block; margin: 0 auto; width: 130px; height: 130px; border-radius: 50%; background: #fff; line-height: 130px; overflow: hidden;}
.lxwm li span i{position: relative; z-index: 5; font-size: 50px; color: #ed6a01; }
.lxwm li span:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 100%; height: 100%; background: #ed6a01; border-radius: 50%; z-index: 1;
	transform: scale(0,0);
	-moz-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	-webkit-transform: scale(0,0);
}
.lxwm li span:before{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; display: block; content: ""; border:5px solid #1994dc; border-radius: 50%; z-index: 2;
	transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
}
.lxwm li h2{padding: 20px 0 15px 0; font-size: 18px; color: #fff;}
.lxwm li h3{color: #fff; font-size: 14px; font-weight: normal;}
.lxwm li a{display: block;}
.lxwm li a:hover span i{color: #fff;}
.lxwm li a:hover span:after{
	transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transform: scale(1,1);
}

.lxwm li a:hover span:before{
	transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	-webkit-transform: scale(1,1);
}

.lxwm li a,
.lxwm li span,
.lxwm li span:before,
.lxwm li span:after{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}










.main101{width:1200px;margin:20px auto 0;height: 60px;}
.fixdemo{background-color: #ed6a01;width:100%;height: 100px;position: fixed;left: 0;bottom: 0;}
.fixdemo span{color: #fff;display: block;margin-bottom: 10px;font-size:16px;}
.fixdemo .fixewm span{margin-bottom: 3px;}
.fixzixun{width:250px;float: left;}
.fixzixun .message,.fixzixun .qq{width:30px;height: 30px;display:inline-block;}
.fixzixun .message{background: url(../images/message.png) no-repeat center;}
.fixzixun .qq{background: url(../images/QQ.png) no-repeat center;margin-left: 10px;}
.fixcon{width:590px;float: left;margin-left: 20px;border-left: 1px solid #fff;border-right: 1px solid #fff;
box-sizing: border-box;padding: 0 80px;height:60px;}
.fixcon form input{width:160px;height:25px;line-height: 25px;padding:0 10px;box-sizing: border-box;border:0;font-size:14px;}
.fixcon form input:nth-child(2){margin-left: 20px;}
.fixcon form input.btn1,.fixcon form input.btn2{width:60px;text-align: center;background: #fff;margin-left: 20px;}
.fixcon form input.btn2{background: orange;}
.fixewm{width:290px;float: left;margin-left:40px;position: relative;font-size:16px;}
.fixewm b{font-size: 26px;color: #fff;}
.fixewm img{width:70px;height: 70px;position: absolute;top: 0;right: 0;}


.ys{margin: 0 auto; padding: 0 0 0 0; counter-reset:ceshi; overflow: hidden; background:url(../images/ys_bg.jpg) no-repeat center top; }
.ys li{position: relative; border-top: 0px solid #f2f2f2; height: 265px; counter-increment:ceshi;}
.ys li span{position: absolute; right: 50%; margin-left: -590px; width: 100%; text-align: right; background: #fff; height: 215px; display: block; padding: 25px 20px 25px 0}
.ys li .ys_box{position: absolute; right: 50%; margin-right: -590px; width: 590px; padding: 21px 0 0 0;}
.ys li .ys_box:before{position: absolute; left: 0px; top: -5px; display: block; content: ""; width: 200%; height: 0px; background: #00479d;}
.ys li .ys_box h2{padding: 0 0 0 20px; font-size: 20px; font-weight: bold; color: #333; overflow: hidden; line-height: 48px;}
.ys li .ys_box h2 b{float: left; margin-right: 18px; font-size: 48px; font-family: Impact; color: #eb4826; font-weight: normal; line-height: 1;}
.ys li .ys_box h2 b:after{display: inline-block; content:counters(ceshi,"-");}
.ys li .ys_box h3{padding: 8px 0 7px 25px; font-family: Arial; font-size: 26px; font-weight: normal; color: #00479d;}
.ys li .ys_box dl{padding-left: 26px; padding-right: 30px;}
.ys li .ys_box dl dd{line-height: 30px; color: #555; font-size: 14px;}
.ys li .ys_box dl dd i{margin-right: 7px; color: #00479d;}

.ys li:first-child+li span,
.ys li:first-child+li+li+li span,
.ys li:first-child+li+li+li+li+li span{left: 50%; right:auto; margin: 0 -590px 0 0; text-align: left; padding: 25px 0 25px 20px;}
.ys li:first-child+li .ys_box,
.ys li:first-child+li+li+li .ys_box,
.ys li:first-child+li+li+li+li+li .ys_box{right: auto; left: 50%; margin: 0 0 0 -590px;}
.ys li:first-child+li .ys_box:before,
.ys li:first-child+li+li+li .ys_box:before,
.ys li:first-child+li+li+li+li+li .ys_box:before{left: auto; right: 0px;}



/*关于我们*/
.con_border3{border: 1px solid #e7e7e7; /*border-top: none;*/border-box; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.part5{position: relative; height: 38px; background: url(../images/al_bg1.gif) repeat-x bottom; overflow: hidden; line-height: 38px; border: 0px solid #e7e7e7; }
.part5 h2{float: left; background:url(../images/al_icon2.gif) no-repeat 15px #00479d; padding: 0 20px 0 20px; font-size: 16px; font-weight:bold; color: #fff;}
.part5 span{float: right; padding-right: 10px;}

.gywm_con{overflow: hidden; padding: 25px 20px 20px 20px;}
.gywm_con img{float: left; margin: 0 25px 0 0; width: 335px; height: 220px; background: #ccc;}
.gywm_con h2{font-size: 14px; color: #00479d;}
.gywm_con p{line-height: 24px; padding: 10px 0 15px 0; color: #777;}
.gywm_con h3 a{position: relative; width: 106px; height: 28px; text-align: center; line-height: 28px; display: inline-block; margin: 0 15px 0 0; font-size: 12px; font-weight: normal; color: #fff;}
.gywm_con h3 a.xx{background: #eb4826;}
.gywm_con h3 a.qt{background: #00479d;}
.gywm_con h3 a:after{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; content: ""; background: rgba(255,255,255,0);}
.gywm_con h3 a:hover:after{background: rgba(255,255,255,0.2);}

/*荣誉资质*/
.picScroll-left{overflow:hidden; position:relative; padding: 20px 0;}
.picScroll-left .hd{height:1px; padding:0 10px;  }
.picScroll-left .hd .prev,
.picScroll-left .hd .next{margin: 76px 0 0 0; display: block; width: 25px; height: 72px; line-height: 72px; text-align: center; background-repeat: no-repeat; background-position: center;background: #000; opacity:0.5;filter:alpha(opacity=50); cursor: pointer;}
.picScroll-left .hd .prev{float: left;}
.picScroll-left .hd .next{float: right;}
.picScroll-left .hd .prev img,
.picScroll-left .hd .next img{vertical-align: middle;}
.picScroll-left .hd .prev:hover,
.picScroll-left .hd .next:hover{ opacity:0.7;filter:alpha(opacity=70);}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width: 100%;}
.picScroll-left .bd ul li a{display: block; margin: 0 10px; position: relative; }
.picScroll-left .bd ul li span{display: block; position: relative; padding-bottom: 80%;}
.picScroll-left .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.picScroll-left .bd ul li h2{position: absolute; left: 0; bottom: 0; right: 0px; padding: 0 10px; height: 35px; text-align: center; line-height: 35px; font-size: 12px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);}


/**/
.picScroll-left2{overflow:hidden; position:relative; padding: 20px 0;}
.picScroll-left2 .hd{height:1px; padding:0 10px;  }
.picScroll-left2 .hd .prev,
.picScroll-left2 .hd .next{margin: 76px 0 0 0; display: block; width: 25px; height: 72px; line-height: 72px; text-align: center; background-repeat: no-repeat; background-position: center;background: #000; opacity:0.5;filter:alpha(opacity=50); cursor: pointer;}
.picScroll-left2 .hd .prev{float: left;}
.picScroll-left2 .hd .next{float: right;}
.picScroll-left2 .hd .prev img,
.picScroll-left2 .hd .next img{vertical-align: middle;}
.picScroll-left2 .hd .prev:hover,
.picScroll-left2 .hd .next:hover{ opacity:0.7;filter:alpha(opacity=70);}
.picScroll-left2 .bd{}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left2 .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width: 25%;}
.picScroll-left2 .bd ul li a{display: block; margin: 0 10px; position: relative; }
.picScroll-left2 .bd ul li span{display: block; position: relative; padding-bottom: 75%;}
.picScroll-left2 .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.picScroll-left2 .bd ul li h2{padding: 0 10px; height: 35px; text-align: center; line-height: 35px; font-size: 12px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}